@charset "utf-8";
/*
	Project: microcosmos
	Version:1.0
	Author: pycorvn@yeah.net
	website: scabish.cn
*/

* { margin: 0; padding: 0; outline: 0; border: 0;}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

body{font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;color:#4b4b4b; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); background:#eee;}
::selection { background-color: rgba(122, 192, 0, 0.2); }
::-moz-selection { background-color: rgba(122, 192, 0, 0.2); }

a { color: #7ac000; text-decoration: none;  padding-bottom: 2px; }
a:hover { color: #ff5400; text-decoration: none; padding-bottom: 2px;}
a:active { color: #ff5400; text-decoration: none; padding-bottom: 2px;}

p { font-size: 24px; margin-bottom: 15px; line-height: 36px; }
ul li { list-style:none;}

.clear { clear:both; }
.line {border-bottom:1px solid #ddd; width:100%;padding:3px 0;}

input[type="text"],input[type="password"] { padding: 3px;margin-bottom:5px;}
textarea { width: 750px; height: 275px; padding: 10px;margin:5px 0;}
label { color: #ff5400; }
input, textarea { border:1px solid #ddd;resize:none; font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif; color: #4b4b4b; font-size: 13px;}
input:focus, textarea:focus { border: 1px solid #ddd; background-color: rgba(255, 255, 255, 1); box-shadow:0 0 5px #ddd}

input[type="button"],input[type="submit"]{ border: none; cursor: pointer; color: #fff; font-size: 15px; background-color: #9ACD32; padding: 2px 15px 3px;letter-spacing:2px; outline:none;box-shadow:1px 1px 1px #eee;}
input[type="button"]:hover,input[type="button"]:focus{ color: #fff; background-color: #6D9906;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); }
input[type="button"]:active { position: relative; top: 1px;}
input[type="button"].disabled{color:#fff;background:#ddd;cursor:default}
input[type="button"].disabled:hover,input[type="button"].disabled:focus{color:#eee;background:#ddd;box-shadow:1px 1px 1px #eee;}

header { padding:0; height:40px;width: 100%; background-color: #6D9906; position: fixed; z-index: 10; float: left; opacity:0.8;filter:alpha(opacity=80);}

footer { float: left; margin-top: 50px; width: 100%; }
footer ul { margin-bottom: 150px; }
footer ul li { display: inline; margin-right: 50px; }
footer ul li a { font-size: 24px; margin-left: 10px; }
footer ul li img { vertical-align: bottom; position: relative; top: 2px; }

nav { width: auto; float: left; }
nav ul#SC_g_nav { position: absolute; left:250px; display: block; margin-top: -40px; height:40px;}
nav ul#SC_g_nav li { display: inline-block; height:40px;}
nav ul#SC_g_nav li a { display:inline-block; padding: 0 15px;line-height:40px;height:40px;border-bottom: none; color:#fff;margin:0;}
nav ul#SC_g_nav li a:hover{background:orange;}

#SC_g_top, #SC_container { width: 960px; margin: 0 auto; position: relative;}
#SC_g_top a:active { position:relative;top:1px; }
#SC_profile {position:absolute;right:0;line-height:40px;font-size:14px;z-index:1;}
#SC_profile a{color:#ffe;padding-left:15px;}
#SC_profile a:hover{color:#9ACD32;}
#SC_logo {font-size: 30px; position: relative; top:0;padding:0;}
#SC_logo a { display:block;color: #fff; font-size: 30px; width: 200px; height:38px;border:none;}
#SC_logo a:hover { color: #A4C06C;}
#SC_logo .beta{position:relative;top:5px;font-size:12px;color:#A2CD5A;}

#SC_container {float: none; padding-top: 0px; background:transparent;background:#fff;}
#SC_left{float:left;padding-left:10px;width:180px;margin-right:2px;}
#SC_middle{float:left;width:600px;}
#SC_right{float:left;width:166px;margin-left:2px;}

#SC_left .profile p{padding-left:0px;}
#SC_middle .thing{width:580px;background: none repeat scroll 0 0 #fff;padding: 10px;font-size:13px;border-top:1px solid #eee;}
#SC_middle .thing:hover{box-shadow:0px 0px 20px #ddd;}
#SC_middle .thing .timeline{font-size:12px;margin-bottom:5px;color:#ddd; text-shadow:none;}
#SC_middle .thing .content{margin-bottom:5px;}
#SC_middle .thing .opt{text-align:right;margin-top:5px;}
#SC_middle .thing .opt a{margin:0 5px;padding-left:16px;}
#SC_middle .thing .opt .edit{background:url(../image/icon.png) no-repeat -938px 0;}
#SC_middle .thing .opt .edit:hover{background:url(../image/icon.png) no-repeat -938px -52px;}
#SC_middle .thing .opt .delete{background:url(../image/icon.png) no-repeat -606px 0;}
#SC_middle .thing .opt .delete:hover{background:url(../image/icon.png) no-repeat -606px -50px;}
#SC_middle .thing .opt .echo{background:url(../image/icon.png) no-repeat -407px 2px;position:relative;}
#SC_middle .thing .opt .echo-num{position:absolute;top:-8px;right:0px;font-size:8px;}
#SC_middle .thing .opt .echo:hover{background:url(../image/icon.png) no-repeat -407px -50px;}
#SC_middle .thing .opt .share{background:url(../image/icon.png) no-repeat -988px 0;}
#SC_middle .thing .opt .share:hover{background:url(../image/icon.png) no-repeat -988px -50px;}
#SC_middle .thing .opt .mark{background:url(../image/icon.png) no-repeat -270px 0;}
#SC_middle .thing .opt .mark:hover{background:url(../image/icon.png) no-repeat -270px -52px;}
#SC_middle .thing .echoes ul.comment {}
#SC_middle .thing .echoes ul.comment li{border-top:1px solid #eee;padding:10px;}
#SC_middle .thing .echoes ul.comment li:hover{background:#F2F2F2;}
#SC_middle .thing .echoes .footer .timestamp{color:#ddd;text-shadow:none;font-size:12px;}
#SC_middle .thing .echoes .footer .reply-echo{background:url(../image/icon.png) no-repeat -1050px 0;margin-left:10px;padding-left:20px;bottom:3px;position:relative;cursor:pointer;}
#SC_middle .thing .echoes .footer .reply-delete{background:url(../image/icon.png) no-repeat -606px 0;margin-left:10px;padding-left:20px;bottom:1px;position:relative;cursor:pointer;}

/* 图片thing */
#SC_middle .thing .photo .medium{position:relative;}
#SC_middle .thing .photo .medium img{cursor:pointer;}
#SC_middle .thing .photo .medium .count{display:block;height:30px;line-height:30px;position:absolute;left:0;bottom:4px;font-family:Arial;font-size:13px;color:#fff;padding-left:10px;background:#000;width:200px;opacity:0.4;filter:alpha(opacity=40);border-radius:0 50px 0 0;}
#SC_middle .thing .photo ul.thumbnail{}
#SC_middle .thing .photo ul.thumbnail li{display:inline;}
#SC_middle .thing .photo ul.thumbnail li img{max-width:80px;max-height:80px;}
#SC_middle .thing .photo ul.thumbnail li img:hover{box-shadow:1px 1px 3px #000;transform:rotate(30deg);cursor:pointer;}

#SC_middle .thing .player{float:left;border:1px solid #ddd;padding:1px;}
#SC_middle .thing .player .turnup{background:url(../image/icon_button.png) no-repeat -20px -18px;padding-left:16px;margin-right:5px;}
#SC_middle .thing .player .reload{background:url(../image/icon_button.png) no-repeat -40px 2px;padding-left:16px;}

/* 视频thing */
#SC_middle .thing .video {position:relative;float:left;margin-right:5px;}
#SC_middle .thing .video:hover .play{opacity:1;filter:alpha(opacity=90);}
#SC_middle .thing .video img{cursor:pointer;}
#SC_middle .thing .video .play{position:absolute;left:5px;bottom:9px;height:50px;padding-left:50px;background:url(../image/play.png) no-repeat;opacity:0.4;filter:alpha(opacity=40);}
#SC_middle .thing .video .play:hover{opacity:1;cursor:pointer;filter:alpha(opacity=100);}

/* 音乐thing */
#SC_middle .thing .music {position:relative;float:left;margin-right:5px;}
#SC_middle .thing .music:hover .play{opacity:1;filter:alpha(opacity=90);}
#SC_middle .thing .music img{cursor:pointer;}
#SC_middle .thing .music .play{position:absolute;left:5px;bottom:9px;height:50px;padding-left:50px;background:url(../image/headphone.png) no-repeat;opacity:0.4;filter:alpha(opacity=40);}
#SC_middle .thing .music .play:hover{opacity:1;cursor:pointer;filter:alpha(opacity=100);}

#SC_middle .thing-loading {background:#eee;font-size:14px;height:30px;line-height:30px;text-align:center;cursor:default;}

/* thing类别 */
#SC_right ul.thing-type li{float:left;padding:10px 15px;height:49px;}
#SC_right ul.thing-type li a{display:block;float:left;height:48px;width:48px;}
#SC_right ul.thing-type li a:hover{transform:rotate(-30deg);border-bottom:1px solid green;}
#SC_right ul.thing-type li a.text{background:url(../image/text.png) no-repeat;}
#SC_right ul.thing-type li a.photo{background:url(../image/photo.png) no-repeat;}
#SC_right ul.thing-type li a.music{background:url(../image/music.png) no-repeat;}
#SC_right ul.thing-type li a.video{background:url(../image/video.png) no-repeat;}

/* editor部分 */
.sc-editor-wrapper{padding-bottom:20px;background:#fff;}
.sc-editor-wrapper .editor-manage{float:left;width:39px;text-align:center;}
.sc-editor-wrapper .sc-editor{scroll:none;overflow:hidden;border:0;margin:0;background-color: rgba(255, 255, 255, 1); box-shadow:0 0 5px #ddd}
.sc-editor-wrapper .sc-editor:focus{box-shadow:0 0 5px #6D9906;}
.sc-editor-wrapper ul.thing-type{height:30px;float:left;margin-top:5px;}
.sc-editor-wrapper a.submit{float:right;display:inline-block;background:#9ACD0F;box-shadow:1px 1px 1px #ddd;color:#fff;margin:0;height: 35px;line-height: 35px;outline: medium none;text-align: center;padding:0 15px;}
.sc-editor-wrapper a.submit:focus,.sc-editor-wrapper a.submit:hover{background:#9ACD0F;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);}
.sc-editor-wrapper a.submit:focus span,.sc-editor-wrapper a.submit:hover span{color:orange;font-style:italic;}
.sc-editor-wrapper a.submit:active{position:relative;top:1px; }
.sc-editor-wrapper a.submit.disabled{cursor:default;background:#eee;color:#fff;box-shadow:1px 1px 1px #ddd;}
.sc-editor-wrapper a.submit.disabled span{color:#fff;font-style:normal;}

.sc-editor-wrapper ul.thing-type li{display:inline-block;height:18px;cursor:pointer;padding-left:16px;margin:5px 10px;}
.sc-editor-wrapper ul.thing-type li#sc_photo{background:url(../image/sprite.png) no-repeat -120px -35px;}
.sc-editor-wrapper ul.thing-type li#sc_music{background:url(../image/sprite.png) no-repeat -182px -21px;}
.sc-editor-wrapper ul.thing-type li#sc_video{background:url(../image/sprite.png) no-repeat -120px -56px;}
.sc-editor-wrapper ul.thing-type li#sc_photo:hover{background:url(../image/sprite.png) no-repeat -204px -21px;}
.sc-editor-wrapper ul.thing-type li#sc_music:hover{background:url(../image/sprite.png) no-repeat -248px 0;}
.sc-editor-wrapper ul.thing-type li#sc_video:hover{background:url(../image/sprite.png) no-repeat -204px -42px;}
.sc-editor-wrapper ul.thing-type li#sc_photo.selected{background:url(../image/sprite.png) no-repeat -204px -21px;}
.sc-editor-wrapper ul.thing-type li#sc_music.selected{background:url(../image/sprite.png) no-repeat -248px 0;}
.sc-editor-wrapper ul.thing-type li#sc_video.selected{background:url(../image/sprite.png) no-repeat -204px -42px;}

ul#sc_photo_wrapper{padding-left: 10px;font-size:13px;padding-top:5px;}
ul#sc_photo_wrapper li.gallary{max-height:260px;overflow:auto;}
ul#sc_photo_wrapper li.gallary .preview{float:left;position:relative;max-width:120px;max-height:120px;width:120px;height:130px;background:#6D9906;margin:0 10px 10px 0;}
ul#sc_photo_wrapper li.gallary .preview a{position:absolute;bottom:0;right:0;display:block;background:#000;width:100%;opacity:0.4;filter:alpha(opacity=40);text-align:right;color:#fff;font-weight:bold;}
ul#sc_photo_wrapper li.gallary .preview a:hover{color:red;}
ul#sc_photo_wrapper .from-local{float:left;display:block;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);}
ul#sc_photo_wrapper .from-web{float:right;margin-right:10px;}
ul#sc_photo_wrapper textarea{font-size:13px;overflow:hidden;scroll:none;}
ul#sc_photo_wrapper li{display:block;}
ul#sc_photo_wrapper li .image-loading{background:url(../image/image-loading.gif);padding-left:16px;height:16px;}

ul#sc_music_wrapper{padding-left: 10px;font-size:13px;}
ul#sc_music_wrapper textarea{font-size:13px;overflow:hidden;scroll:none;}
ul#sc_music_wrapper li{display:block;}
ul#sc_music_wrapper li .image-loading{background:url(../image/image-loading.gif);padding-left:16px;height:16px;}

ul#sc_video_wrapper{padding-left: 10px;font-size:13px;}
ul#sc_video_wrapper textarea{font-size:13px;overflow:hidden;scroll:none;}
ul#sc_video_wrapper li{display:block;}
ul#sc_video_wrapper li .image-loading{background:url(../image/image-loading.gif);padding-left:16px;height:16px;}

.page{}
.page span{padding:0 5px;}
.page span.current{color:000;}
.page span.disabled{color:#ddd;}